import { PageContainer } from '@ant-design/pro-components';
import { Alert, Card, Typography } from 'antd';
import React from 'react';
import styles from './Welcome.less';
const CodePreview: React.FC = ({ children }) => (
  <pre className={styles.pre}>
    <code>
      <Typography.Text copyable>{children}</Typography.Text>
    </code>
  </pre>
);
const Welcome: React.FC = () => {
  return (
    <PageContainer>
      <Card>
        <Alert
          message={'此网站仍在开发中'}
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 24,
          }}
        />
        <Typography.Text strong>
          <a
            href="https://procomponents.ant.design/components/table"
            rel="noopener noreferrer"
            target="__blank"
          >
            欢迎使用
          </a>
        </Typography.Text>
        <p></p>
        <Typography.Paragraph>
          此网站目的想打造一个学术分享平台，每位用户可以相互分享自己的最近在做的事、学习的方法、每日打卡等等可以分享的事情。
        </Typography.Paragraph>
        <p></p>
        <Typography.Paragraph >
          <div style={{color:'red'}}>
            现在项目的进度：只完成了第一部分用户的登录注册的部分，接下来的第二部分会做发帖功能或者进一步的进阶，只能在放寒假的时候做了....
          </div>
        </Typography.Paragraph>
        {/*<CodePreview>yarn add @ant-design/pro-components</CodePreview>*/}
      </Card>
    </PageContainer>
  );
};
export default Welcome;
